<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8"/>
</head>
<body>
	<div id="moduleHtml">
		<div id="fileExplorerContainer">
		    <div id="fileTree" data-options="
		      region : 'west' ,
		      title : '分类' ,
		      split : true ,
		      width : 190 
		    ">
		      <div id="fileTreeDom"></div>
		    </div>
		    <div id="fileList" data-options="
		      region : 'center' ,
		      title : '便签列表 ( 双击可以打开 ) ' 
		    ">
		      <div id="fileListDom"></div>
		    </div>
	  </div>
	</div>
</body>
  <script>
  //cofit_module_js
    Cofit.moduleSourceCode.note_explorer=function(dom){
      var module = {
        dom : $(dom) ,        
        //显示
        show : function(){
	          var dom=$(module.dom).clone();
	          $("body").append(dom);
	          dom.window({    
	        	    title : "我的便签", 
	        	    width : 600,    
	        	    height : 500,    
	        	    modal : false
	        	}); 
	          dom.window("open");
	          var containter=dom.find("#fileExplorerContainer");
	          
	          //文件管理器事件句柄
        	  var handler = {
        			  selectedDir : null ,//当前选中目录id
        			  selectedCode : null ,//当前选中的便签类型
        			  onDirSelected : function(dirId){//当目录被选中
        				  containter.find("#fileListDom").datagrid("load",{
        					  type_id : dirId ,
        				  });
        			  },
        			  refreshFileList : function(){
                   containter.find("#fileListDom").datagrid("load",{
                       type_id : handler.selectedDir ,
                     });
                   },
               refreshFileTree : function(){
//             	   containter.find("#fileTreeDom").tree("reload",containter.find("#fileTreeDom").tree("getRoot").target);
               }     
        	  }
	          containter.layout({
	        	  fit : true
	          });
	          
	          //窗口布局
// 	          containter.layout("panel","west").panel({
// 	        	  tools : [{
// 	                  iconCls:'icon-cd-refresh',
// 	                  text : "刷新",
// 	                  handler : handler.refreshFileTree ,
// 	                }],
// 	          })
	          
	          //目录树
	          containter.find("#fileTreeDom").tree({
	        	  url : "./note_type/get_all_types" , 
	        	  onLoadSuccess : function( node , data ){
	        		  //最初一次加载
	        		  if(null==node){
	        		   var target=containter.find("#fileTreeDom").tree("find",data[0].id).target;
	        		   containter.find("#fileTreeDom").tree("select",target);
	        		  }
	        	  },
	           onSelect : function(node){
	        	   handler.selectedDir=node.id;
	        	   handler.selectedCode=node.attributes;
	        	   handler.onDirSelected(node.id);
	           }
	          });
	          
	          //格式化日期
	          var timeFieldFormatter=function(value,row,index){
	        	  if(null==value || 0==value || ""==value){
	        		  return " - - ";
	        	  }
	        	  var date=new Date(value);
	        	  var y=date.getFullYear();
	        	  y=(""+y).substring(2);
	        	  var M=date.getMonth()+1;
	        	  var d=date.getDate();
	        	  var h=date.getHours();
	        	  var m=date.getMinutes();
	        	  var s=date.getSeconds();
	        	  return ""+y+"-"+M+"-"+d+" "+h+":"+m+":"+s;
	          }; 
	          
	          var sorter=function(a,b){
	        	  if(null==a){
	        		  return 1;
	        	  }
	        	  if(null==b){
	        		  return -1;
	        	  }
	        	  return a>b?1:-1;
	          } 
	          
	          //文件列表
	          containter.find("#fileListDom").datagrid({
	        	  fit : true ,
	        	  url : "./note/get_note_by_type" ,
	        	  sortName : "name",
	        	  remoteSort : "title" ,
	        	  singleSelect : true ,
	        	  fitColumns : true ,
	        	  onDblClickRow : function(rowIndex,rowData){
	        		  
	        		    Cofit.load("note_"+handler.selectedCode,function(module){
                            module.show(handler.selectedDir,rowData.id);
                          });
	        	  }	,        	  
	        	  frozenColumns : [[
	        	                    ]],
	        	  columns : [[
	        	              { field : "title" , title : "标题" , align : "left" , width : 2000 , sortable : true ,  sorter : sorter ,} ,
	        	              { field : "time" , title : "创建时间" , formatter : timeFieldFormatter , align : "center" , width : 1200 , sortable : true  , sorter : sorter ,} ,
	        	              ]],
              toolbar: [{
	            	    iconCls: 'icon-file-upload',
	            	    text : "新建便签",
	            	    handler: function(){
	            	    	   Cofit.load("note_"+handler.selectedCode,function(module){
	            	    		      module.show(handler.selectedDir);
	            	    		    });
	            	    },
                  },
                  {
	                	text : "刷新",
	            	    iconCls: 'icon-cd-refresh',
	            	    handler: handler.refreshFileList
            	   },"-",
//                   {
// 	                	text : "剪切",
// 	            	    iconCls: 'icon-file-cut',
// 	            	    handler: function(){
	            	    	  	
// 	            	    }
//             	   },
//                   {
// 	                	text : "复制",
// 	            	    iconCls: 'icon-file-copy',
// 	            	    handler: function(){alert('帮助按钮')}
//             	   },
//                   {
// 	                	text : "粘贴",
// 	            	    iconCls: 'icon-file-paste',
// 	            	    handler: function(){alert('帮助按钮')}
//             	   },"-",
            	   {
	                	text : "删除",
	            	    iconCls: 'icon-file-delete',
	            	    handler: function(){
	            	    	var selected = containter.find("#fileListDom").datagrid("getSelected");
	            	    	if(null==selected){
	            	    		$.messager.alert("删除","请选择要删除的记事便签！","error");
	            	    		return ;
	            	    	}
	            	    	$.messager.confirm("删除","确定要删除选中的便签吗？<br>删除后不可恢复。",function(r){
	            	    			if(null==selected.code){
	            	    				$.post("./note/delete_note/"+selected.id,{},function(resp){
	            	    					if(resp.success){
	            	    						$.messager.show({
	            	    							msg : "删除便签成功。" 
	            	    						});
	            	    						handler.refreshFileList();
	            	    				};
	            	    			},"json");
            	    				return ;
	            	    		}
           	    				$.post("./file/delete_file/"+selected.id,{},function(resp){
           	    					if(resp.success){
	            	    						$.messager.show({
	            	    							msg : "删除文件 [ "+selected.name+" ] 成功。" 
	            	    						});
	            	    						handler.refreshFileList();
           	    					}
           	    				},"json");
            	    			
	            	    	});
	            	    } ,
            	   }
                  ]

	          });
	          
        }
      };
      return module;
    };
  //cofit_module_js
  </script>
</html>